<link href="<?= base_url('assets/styles/jquery-ui.css') ?>" rel="stylesheet" />

<?= form_open('actividad/insert', array('class'=>'form-horizontal')); ?>
	<legend> Crear Registro </legend>

	<?= my_validation_errors(validation_errors()); ?>

	<div class="control-group">
		<?= form_label('Nombre', 'name', array('class'=>'control-label')); ?>
		<?= form_input(array('type'=>'text', 'name'=>'name', 'id'=>'name', 'value'=>set_value('name'))); ?>
	</div>

	<div class="control-group">
		<?= form_label('Descripci&oacute;n', 'descripcion', array('class'=>'control-label')); ?>
		<?= form_textarea(array('type'=>'textarea', 'name'=>'descripcion', 'id'=>'descripcion', 'value'=>set_value('descripcion'), 'cols'=>'4', 'rows'=>'4')); ?>
	</div>

	<div class="control-group">
		<?= form_label('Fecha', 'fecha', array('class'=>'control-label')); ?>
		<?= form_input(array('type'=>'text', 'name'=>'fecha', 'id'=>'fecha', 'value'=>set_value('fecha'))); ?>
	</div>

	<div class="control-group">
		<?= form_label('Hora', 'hora', array('class'=>'control-label')); ?>
		<?= form_input(array('type'=>'time', 'name'=>'hora', 'id'=>'hora', 'value'=>set_value('hora'))); ?>
	</div>

	<div class="control-group">
		<?= form_label('Tipo de Actividad', 'tipo_actividad_id', array('class'=>'control-label')); ?>
		<?= form_dropdown('tipo_actividad_id', $tipo_actividades, 0); ?>
	</div>

	<div class="control-group">
		<?= form_label('Direccion', 'direccion', array('class'=>'control-label')); ?>
		<?= form_input(array('type'=>'text', 'name'=>'direccion', 'id'=>'direccion', 'value'=>set_value('direccion'))); ?>
	</div>
	
	<div class="form-actions">
		<?= form_button(array('type'=>'submit', 'content'=>'Aceptar', 'class'=>'btn btn-primary')); ?>
		<?= anchor('actividad/index', 'Cancelar', array('class'=>'btn')); ?>
	</div>
<?= form_close(); ?>

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>   
<script>
	$(function(){ 
		$( "#fecha" ).datepicker();
		
			$( "#fecha" ).datepicker( "option", "dateFormat", 'yy/mm/dd');	// Le pasamos el formato de la fecha
	});
</script>
